<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>专家申请</title>
		<link href="__CSS__/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="__CSS__/iconfont.css" />
		<link rel="stylesheet" href="__CSS__/style.css" />
		<link rel="stylesheet" href="__CSS__/mall.css" />
	</head>

	<body style="background-color: #FFFFFF;">
		<header class="mui-bar mui-bar-nav public-color">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="JavaScript:history.go(-1)"></a>
			<h1 class="mui-title">专家申请</h1>
		</header>
		<div class="mui-content ">
			<div class="gerenzl_nr">
				<form id="myForm" class="mui-input-group gerenzl_group">
					<div class="mui-input-row ">
						<label><em>*</em>真实姓名</label>
						<input type="text" name="name" value="{$model.name}" class="mui-input-group" placeholder="请填写真实姓名">
					</div>
					<div class="mui-input-row ">
						<label><em>*</em>本人照片</label>
						<div class="actions" style="float: right;">
							<div class="file-btn" style="border: 1px solid #CCCCCC;">
								<input type="hidden" id="thumb" name="thumb" value="{$model.thumb}">
								<input onchange="UpladFile('expert',100)" type="file" accept="image/*" id="file" name="file" capture="camera" multiple>
								<span><img class='img_list' src="{$model.thumb|default='__IMG__/logo1.png'}" id='thumb_img' style="width: 100%;height: 100%;border-radius: 100%" ></span>
							</div>
						</div>
					</div>
					<div class="mui-input-row ">
						<label><em>*</em>联系电话</label>
						<input type="text" name="mobile" value="{$model.mobile}" class="mui-input-group" placeholder="请填写联系电话">
					</div>
					<div class="mui-input-row ">
						<label><em>*</em>详细地址</label>
						<input type="text" name="address" value="{$model.address}" class="mui-input-group" placeholder="请填写详细地址">
					</div>
					<div class="mui-input-row">
						<label><em>*</em>行业</label>
						<select class=" mui-btn mui-btn-block" name="cate_id">
							{volist name="typelist" id="vo"}
							<option value="1" {if $model.cate_id==$vo.id}selected{/if}>{$vo.name}</option>
							{/volist}
						</select>
					</div>
					<div class="hy_line"></div>
					<div class="mui-input-row">
						<label><em>*</em>从业时间</label>
						<input type="text" name="work_year" value="{$model.work_year}" class="mui-input-group" placeholder="请填写多少年，数字就可以 ">
					</div>
					<div class="mui-input-row">
						<label><em>*</em>专业领域</label>
						<input type="text" name="professional" value="{$model.professional}" class="mui-input-group" placeholder="请填写专业领域 ">
					</div>
					<div class="mui-input-row ">
						<label><em>*</em>职称</label>
						<input type="text" name="zhicheng" value="{$model.zhicheng}" class="mui-input-group" placeholder="请填写职称">
					</div>
					<button type="submit" class="fjysq_sbtn">提交申请</button>
				</form>
			</div>
		</div>
	</body>

</html>
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/jquery.validate.min.js"></script>
<script src="__JS__/mui.min.js"></script>
<script src="__LIB__/layer.js"></script>
<script src="__JS__/index.js"></script>
<script src="__JS__/image.zip.js"></script>
<script type="text/javascript">
	$(function() {
		$("#myForm").validate({
			focusInvalid: true,
			onkeyup: false,
			ignore: "",
			onfocusout: false,
			showErrors: function(errorMap, errorList) {
				var msg = "";
				if(errorList != null && errorList != "") {
					msg = errorList[0]['message'];
					layer.msg(msg);
				}
			},
			submitHandler: function(form) { //表单提交句柄,为一回调函数，带一个参数：form   
				// ajax提交
				app.ajax();
			},
			rules: {
				name: {
					required: true
				},
				mobile: {
					required: true
				},
				address: {
					required: true
				},
				working_time: {
					required: true
				},
				professional: {
					required: true
				},
				zhicheng: {
					required: true
				}
			},
			messages: {
				name: {
					required: "请填写真实姓名 "
				},
				mobile: {
					required: "请填写联系电话 "
				},
				address: {
					required: "请填写详细地址 "
				},
				working_time: {
					required: "请填写从业时间 ",
				},
				professional: {
					required: "请填写专业领域",
				},
				zhicheng: {
					required: "请填写职称"
				}
			}
		});
	});
</script>